<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>G-IMAGE LOGIN FORM</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="a snippet of a bootstrap login form with fully responsive supported. Feel free to test and report a bugs to me :)">
		<meta name="author" content="arianraptor">

		<!-- Open Graph -->

		<meta property="og:title" content="Bootstrap Responsive Login Form" />
		<meta property="og:image" content="http://arianraptor.com/bootstrap-responsive-login-form/imgsrc.png" />
		<meta property="og:description" content="a snippet of a bootstrap login form with fully responsive supported. Feel free to test and report a bugs to me :)" />
		<meta property="og:url" content="http://arianraptor.com/bootstrap-responsive-login-form/">

		<!-- Styles -->
		<link rel="stylesheet" href="<?php echo base_url('assets/css')?>/bootstrap.min.css">
		<link rel="stylesheet" href="<?php echo base_url('assets/css')?>/bootstrap-responsive.min.css">
		<link rel="stylesheet" href="<?php echo base_url('assets/css')?>/bootstrap-custom.css">

		<!-- HTML5 Shim, for IE6-IE8 support of HTML5 elements -->
		<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<![endif]-->

		<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
		<script type="text/javascript">
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-38395785-1']);
			_gaq.push(['_trackPageview']);

			(function() {
				var ga = document.createElement('script');
				ga.type = 'text/javascript';
				ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(ga, s);
			})();
		</script>

	</head>
	<body class="<?php echo (!empty($error)) ? 'alert-error' : '' ;?>">
		<div class="alert <?php echo (!empty($error)) ? 'alert-error' : 'alert-info' ;?>">
              <button type="button" class="close" data-dismiss="alert">×</button>
              <strong><?php echo (!empty($error)) ? 'WOii!!' : 'Oiit' ;?></strong> <?php echo (!empty($error)) ? 'Dibilangin yg bener. Pergi sono!!' : 'Masukin username sama password yang bener ya. Ga boleh salah.' ;?>
           </div>
		<div class="container" style="padding-top: 50px">
			<div class="span5">
				<img src="<?php echo base_url('assets/img/' . ((empty($error)) ? 'login_default' : 'login_error') . '.jpg'); ?>" />
			</div>
			<div class="offset1 span5" id="form-login">
				<form method="post" action="<?php echo base_url('index.php/login/login_user') ?>">
					<fieldset>
						<legend>
							G-IMAGE LOGIN FORM
						</legend>
						<div class="control-group">
							<div class="control-label">
								<label>Username</label>
							</div>
							<div class="controls">
								<input name="username" type="text" placeholder="asukasukagw" class="input-large">
							</div>
						</div>

						<div class="control-group">
							<div class="control-label">
								<label>Password</label>
							</div>
							<div class="controls">
								<input name="password" type="password" placeholder="type your password" class="input-large">

								<!-- Help-block example -->
								<!-- <span class="help-block">Example block-level help text here.</span> -->
							</div>
						</div>

						<div class="control-group">
							<div class="controls">

								<button type="submit" id="submit" class="btn-large  btn btn-<?php echo (!empty($error)) ? 'danger' : 'primary' ;?> button-loading" data-loading-text="Loading...">
									Masuk
								</button>

							</div>
						</div>
					</fieldset>
				</form>

			</div>

		</div>
		<div style="height: 150px"></div>
		<footer >
			<div class="container">
				<center>
					<a href="#">iiwak.com</a>
				</center>
			</div>
		</footer>
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
		<script>
			window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')
		</script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-button.js"></script>
		<script type="text/javascript" src="js/application.js"></script>
	</body>
</html>